<template>
	<view class="contactUs-container" >
		<tui-modal :show="showModal" custom  @cancel="cancel">
			<view class="title">
				联系我们
			</view>
			<view class="flex">
				<view class="box" @click="goLine">
					<image src="@/static/images/line.png" mode="aspectFill" class="img"></image>
				</view>
				<view class="box" @click="goFly">
					<image src="@/static/images/telegram.png" mode="aspectFill" class="img"></image>
				</view>
			</view>

		</tui-modal>
	</view>
</template>

<script>
	export default {
		props: {
			showModal: {
				type: Boolean,
				default: false,

			}
		},
		data() {
			return {

			}
		},
		methods: {
			goLine() {
				this.cancel()
			},
			goFly() {
				this.cancel()
			},
			cancel(e) {
				this.$emit('close', false)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.contactUs-container {
		padding: 20rpx;
		.title {
			font-size: 34rpx;
			text-align: center;
			font-weight: bold;
			margin-bottom: 10rpx;
		}
		
		.flex {
			display: flex;
			justify-content: space-between;
			padding: 40rpx 0;
			.box {
				width: 150rpx;
				height: 150rpx;
			}
			
			.img {
				width: 100%;
				height: 100%;
			}
		}		
	}
</style>